<template>
	<view class="content">
        <image class="logo" src="../../static/logo.png"></image>
		<view>
            <text class="title">{{title}}</text>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				echo:null,
			}
		},
		onLoad() {

		},
		onShow() {
			this.echo = this.$Echo()
			this.echo.wxSocket().on('connect',e=>{
				
				/**
				 * 这里是公共频道测试
				 */
				this.echo.channel('test-channel')
				.listen('Test.ANewMessage', e=> {
					console.log('返回的信息',e);
				})
				
				/**
				 * 这里是授权频道测试
				 */
				this.echo.join('rooms.1')
				.here(users => {
					console.log('当连接到ws之后，会获取到全部的用户列表')
					console.log('users列表：', users);
				})
				.joining(user => {
					console.log('当有人新加入频道后，就会执行这里的代码，并可以获取到用户信息')
					console.log('用户信息:', user);
				})
				.leaving(user => {
					console.log('当有用户离开时，执行这里的代码，并能获取到用户信息');
					console.log('用户信息:',user);
				})
				
			})
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		text-align: center;
		height: 400upx;
	}
    .logo{
        height: 200upx;
        width: 200upx;
        margin-top: 200upx;
    }
	.title {
		font-size: 36upx;
		color: #8f8f94;
	}
</style>
